<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<link rel="stylesheet" href="">
	<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
	<style>
	#login{
		width: 280px;
		height: 160px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -200px;
		margin-top: -140px;
		border:solid 2px;
		padding: 60px 60px 40px 60px;
		border-radius: 8px;
	}

	.input{
		width: 200px;
		margin-bottom: 20px;
	}
	#button{
		margin-left: 180px;
	}
	</style>
</head>
<body>
	<div id="login">
		<form action=https://www.baidu.com/" method="post">
		<b>用户名</b>
		<el-input placeholder="请输入内容" v-model="input10" clearable class="input"></el-input>
		<b>密&nbsp;&nbsp;码</b>
		<el-input placeholder="请输入内容" v-model="input10" clearable class="input"></el-input>
		<el-button type="primary" native-type="submit" id="button">提交</el-button>
		</form>
	</div>
</body>

<script src="https://unpkg.com/vue/dist/vue.js"></script>

<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script>
    new Vue({
      el: '#login'
    })

  </script>
  <script>
  export default {
    data() {
      return {
        input10: ''
      }
    }
  }
</script>
</html>